<!--
 * @Author: your name
 * @Date: 2021-08-19 17:20:34
 * @LastEditTime: 2022-10-08 11:02:58
 * @LastEditors: dh
 * @Description: In User Settings Edit
 * @FilePath: \vue-cli-vue3\src\views\attrs\index.vue
-->
<template>
	<Test id="box" class="box" style="color: red" a="1" b="b" placeholder="亲输入" @input="callback">
		<template #title>
			<h1>哈哈哈</h1>
		</template>
	</Test>
</template>

<script lang="ts">
import { defineAsyncComponent, defineComponent } from 'vue';

export default defineComponent({
	components: {
		Test: defineAsyncComponent(() => import('./components/test.vue')),
	},
	setup() {
		return {
			callback: (e: any) => {
				console.log(e.target.value);
			},
		};
	},
});
</script>
